{% extends "website/staff/staff_base.html" %}
{% block staff_content %}
<section class="section">
  <div class="card">
    <div class="card-title">
      <div class="icon">📰</div>
      <div>
        <h1 class="h1" style="margin:0">{{ title }}</h1>
        <div class="small">Write and publish your blog post.</div>
      </div>
      <div style="margin-left:auto">
        <a class="btn" href="{% url 'website:staff_blog_list' %}">← Back</a>
      </div>
    </div>
    <div class="sep"></div>

    <form method="post" enctype="multipart/form-data">
      {% csrf_token %}
      <div class="grid" style="grid-template-columns:1fr 1fr;gap:12px">
        <div>
          <label class="label">Title</label>
          {{ form.title }}
        </div>
        <div>
          <label class="label">Slug</label>
          {{ form.slug }}
          <div class="small">Leave blank to auto-generate.</div>
        </div>
      </div>

      <div style="margin-top:12px">
        <label class="label">Excerpt</label>
        {{ form.excerpt }}
      </div>
      <div style="margin-top:12px">
        <label class="label">Body</label>
        {{ form.body }}
      </div>

      <div class="grid" style="grid-template-columns:1fr 1fr;gap:12px;margin-top:12px">
        <div>
          <label class="label">Cover image</label>
          {{ form.cover_image }}
        </div>
        <div>
          <label class="label">Published?</label>
          {{ form.is_published }}
          <div style="margin-top:10px">
            <label class="label">Published at</label>
            {{ form.published_at }}
          </div>
        </div>
      </div>

      <div style="display:flex;gap:10px;justify-content:flex-end;margin-top:14px">
        <button class="btn" type="submit">Save</button>
      </div>
    </form>
  </div>
</section>
{% endblock %}